<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title></title>
  <style type="text/css">
    /*此处写代码*/
    li {
        list-style: none;
    }
    .main{width:100%;height:800px;background:#999;overflow:hidden;}
.left{width:39%;height:800px;float:left;}
.right{width:29%;height:800px;float:left;}
h1,span{margin:120px 0 0 160px;}
.right ul li{margin:20px 0 0 160px;}
.rught-w {
    width: 29%;
    height: 800px;
    float: left;
}
.rightline {
    width: 10px;
    height: 100%;
    background-color: orange;
    z-index: 1;
    float: left;
}
  </style>
</head>
<body>
  <!-- 此处写代码 -->
  <div class="main">
    <div class="left">
    <h1>课程推荐</h1><br>
    <p><span>职业路径</span>&nbsp;&nbsp;<a href="">HTML5与CSS3实现动态网页</a></p><br>
    <p><span>职业路径</span>&nbsp;&nbsp;<a href="">零基础入门Android语法与界面</a></p><br>
    <p><span>职业路径</span>&nbsp;&nbsp;<a href="">ios基础语法与组件控件</a></p><br>
    <p><span>职业路径</span>&nbsp;&nbsp;<a href="">PHP入门开发</a></p><br>
    <p><span>职业路径</span>&nbsp;&nbsp;<a href="">JAVA入门开发</a></p>
    </div>
    <div class="right">
    <h1>相关课程</h1><br>
    <ul>
    <li>
    <a href="#">HTML</a>&nbsp;&nbsp;
    <a href="#">CSS</a>&nbsp;&nbsp;
    <a href="#">javascript</a>
    </li>
    <li>
        <a href="#">HTML5</a>&nbsp;&nbsp;
        <a href="#">CSS3</a>&nbsp;&nbsp;
        <a href="#">jquery</a>
        </li>
        
        <li>
        <a href="#">移动端基础</a>&nbsp;&nbsp;
        <a href="#">移动APP开发</a>
        </li>
        </ul>
        </div>
        <div class="rightline"></div>
        <div class="right-w">
            <h1>相关课程</h1><br>
            <ul>
            <li>
            <a href="#">HTML</a>&nbsp;&nbsp;
            <a href="#">CSS</a>&nbsp;&nbsp;
            <a href="#">javascript</a>
            </li>
            <li>
                <a href="#">HTML5</a>&nbsp;&nbsp;
                <a href="#">CSS3</a>&nbsp;&nbsp;
                <a href="#">jquery</a>
                </li>
                
                <li>
                <a href="#">移动端基础</a>&nbsp;&nbsp;
                <a href="#">移动APP开发</a>
                </li>
                </ul>
                </div>
                </div>
        </div>
</body>
</html>